<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="fly,layui,前端社区">
    <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
    <link rel="stylesheet" href="../../res/layui/css/layui.css">
    <link rel="stylesheet" href="../../res/css/global.css">
</head>
<body style="margin-top: 65px;">

<div class="fly-header layui-bg-black">
    <div class="layui-container">
        <a class="fly-logo" href="../jie/index.html">
            <img src="../../res/images/logo.png" alt="layui">
        </a>
        <ul class="layui-nav fly-nav layui-hide-xs">
            <li class="layui-nav-item layui-this">
                <a href="/"><i class="iconfont icon-jiaoliu"></i>交流</a>
            </li>
            <li class="layui-nav-item">
                <a href="../case/case.html"><i class="iconfont icon-iconmingxinganli"></i>案例</a>
            </li>
            <li class="layui-nav-item">
                <a href="http://www.layui.com/" target="_blank"><i class="iconfont icon-ui"></i>框架</a>
            </li>
        </ul>

        <div id="user_view">
            <ul class="layui-nav fly-nav-user">
                <!-- 未登入的状态 -->
                <li class="layui-nav-item">
                    <a class="iconfont icon-touxiang layui-hide-xs" href="user/login.html"></a>
                </li>
                <li class="layui-nav-item">
                    <a href="./login.html">登入</a>
                </li>
                <li class="layui-nav-item">
                    <a href="./reg.html">注册</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div id="user_detail_view"></div>

<!--<div class="layui-container">-->
    <!--<div class="layui-row layui-col-space15">-->
        <!--<div class="layui-col-md6 fly-home-jie">-->
            <!--<div class="fly-panel">-->
                <!--<h3 class="fly-panel-title">贤心 最近的提问</h3>-->
                <!--<ul class="jie-row">-->
                    <!--<li>-->
                        <!--<span class="fly-jing">精</span>-->
                        <!--<a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>-->
                        <!--<i>刚刚</i>-->
                        <!--<em class="layui-hide-xs">1136阅/27答</em>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>-->
                        <!--<i>1天前</i>-->
                        <!--<em class="layui-hide-xs">1136阅/27答</em>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>-->
                        <!--<i>2017-10-30</i>-->
                        <!--<em class="layui-hide-xs">1136阅/27答</em>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>-->
                        <!--<i>1天前</i>-->
                        <!--<em class="layui-hide-xs">1136阅/27答</em>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>-->
                        <!--<i>1天前</i>-->
                        <!--<em class="layui-hide-xs">1136阅/27答</em>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>-->
                        <!--<i>1天前</i>-->
                        <!--<em class="layui-hide-xs">1136阅/27答</em>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="" class="jie-title"> 基于 layui 的极简社区页面模版</a>-->
                        <!--<i>1天前</i>-->
                        <!--<em class="layui-hide-xs">1136阅/27答</em>-->
                    <!--</li>-->
                    <!--&lt;!&ndash; <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><i style="font-size:14px;">没有发表任何求解</i></div> &ndash;&gt;-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->

        <!--<div class="layui-col-md6 fly-home-da">-->
            <!--<div class="fly-panel">-->
                <!--<h3 class="fly-panel-title">贤心 最近的回答</h3>-->
                <!--<ul class="home-jieda">-->
                    <!--<li>-->
                        <!--<p>-->
                            <!--<span>1分钟前</span>-->
                            <!--在<a href="" target="_blank">tips能同时渲染多个吗?</a>中回答：-->
                        <!--</p>-->
                        <!--<div class="home-dacontent">-->
                            <!--尝试给layer.photos加上这个属性试试：-->
                            <!--<pre>-->
<!--full: true-->
<!--</pre>-->
                            <!--文档没有提及-->
                        <!--</div>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<p>-->
                            <!--<span>5分钟前</span>-->
                            <!--在<a href="" target="_blank">在Fly社区用的是什么系统啊?</a>中回答：-->
                        <!--</p>-->
                        <!--<div class="home-dacontent">-->
                            <!--Fly社区采用的是NodeJS。分享出来的只是前端模版-->
                        <!--</div>-->
                    <!--</li>-->

                    <!--&lt;!&ndash; <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><span>没有回答任何问题</span></div> &ndash;&gt;-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->

<div class="fly-footer">
    <p><a href="http://fly.layui.com/" target="_blank">Fly社区</a> 2017 &copy; <a href="http://www.layui.com/"
                                                                                target="_blank">layui.com 出品</a></p>
    <p>
        <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
        <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
        <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>
    </p>
</div>

<script src="../../res/layui/layui.js"></script>
<script type="text/javascript" src="../../res/jquery-1.7.2.min.js"></script>
<!--登录信息-->
<script id="user_tmp" type="text/html">
    <ul class="layui-nav fly-nav-user">
        <li class="layui-nav-item">
            <a class="fly-nav-avatar" href="javascript:;">
                <cite class="layui-hide-xs">{{d.username}}</cite>
                <i class="iconfont icon-renzheng layui-hide-xs" title="认证信息：layui 作者"></i>
                <i class="layui-badge fly-badge-vip layui-hide-xs">VIP</i>
                <img src="{{d.headurl}}">
            </a>
            <dl class="layui-nav-child">
                <dd><a href="../user/set.html"><i class="layui-icon">&#xe620;</i>基本设置</a></dd>
                <dd><a href="../user/message.html"><i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的消息</a>
                </dd>
                <dd><a href="../user/home.html"><i class="layui-icon" style="margin-left: 2px; font-size: 22px;">&#xe68e;</i>我的主页</a>
                </dd>
                <hr style="margin: 5px 0;">
                <dd><a onclick="logout()" style="text-align: center;cursor: pointer">退出</a></dd>
            </dl>
        </li>
    </ul>
</script>
<!--用户详情-->
<script type="text/html" id="user_detail_temp">
    <div class="fly-home fly-panel">
        <img src="{{d.headurl}}" alt="贤心">
        <i class="iconfont icon-renzheng" title="Fly社区认证"></i>
        <h1>
            {{d.username}}
            <i class="iconfont icon-nan"></i>
            <i class="layui-badge fly-badge-vip">VIP</i>
        </h1>

        <p class="fly-home-info">
            <i class="iconfont icon-kiss" title="被赞"></i><span style="color: #FF7200;">66666 被赞</span>
            <i class="iconfont icon-shijian"></i><span>{{d.jointime}} 加入</span>
            <i class="iconfont icon-chengshi"></i><span>来自{{d.city}}</span>
        </p>

        <p class="fly-home-sign">{{d.sign}}</p>
    </div>
</script>
<script>
    $(function () {
        user_info();
    })
    function user_info() {
        $.ajax(address + '/login/getUserInfoByTicket', {
            type: 'POST',
            dataType: 'json'
        }).done(function (data) {
            console.log("执行当前函数");
            //渲染
            layui.use('laytpl', function () {
                let laytpl = layui.laytpl;
                if (data.data != undefined) {
                    let user_detail_view = document.getElementById("user_detail_view");
                    let user_detail_temp = document.getElementById("user_detail_temp").innerHTML;
                    let user_view = document.getElementById("user_view");
                    let user_tmp = document.getElementById("user_tmp").innerHTML;
                    laytpl(user_tmp).render(data.data, function (html) {
                        user_view.innerHTML = html;
                    });
                    laytpl(user_detail_temp).render(data.data, function (html) {
                        user_detail_view.innerHTML = html;
                    });
                    layui.use('element', function () {
                        let element = layui.element;
                        element.init();
                    });
                }
            })
        })
    }

    function logout() {
        $.ajax(address + '/login/logout', {
            type: 'POST',
            dataType: 'json'
        }).done(function (data) {
            window.location.reload()
        })
    }
</script>

</body>
</html>